<!DOCTYPE html>
<html>
 <head>
	<meta charset="UTF-8">
	<title>My level</title>
	<link href="../../css/wddj.css" rel="stylesheet"/>
</head>
<body>
<div class='main-wddj'>
 <div class='wddj-top'>
  <img src="../../img/wddj_bg.png" />
   <div class="wdxb-top-cnt _clear">
       <div class="wdxb-left pull-left _clear">
       <img src="../../img/grzx-logo.png" class="pull-left">
       <div class="pull-left">
        <p class='grzx-desc'><label></label><span class='top-level'></span></p>
         <!-- 国际版下面不改动 2017年4月1日 -->
        <span class='jrdj'><em class="xbTotal">Today level task</em><span class='dj-status'>Uncomplete</span></span>
       </div>
       </div>
       <div class="wdxb-right pull-right">
		  <div class="bar-container">
		    <span class='curLevel'>LV8</span> 
		   <div id="bar" style="width:0%;"></div>
		   	<span class='nextLevel'>LV9</span>  
		  </div> 
		  <p>From the next level <span class='extraCzz'></span> Growth value</p>
       </div>
     </div>
 </div>
 <div class='wddj-main'>
  <h4 class='djTitle'>Level description</h4>
  <ul class='djsm'>
   <li>How to upgrade</li>
   <li>Log in to the platform every day, continuous online for 40 minutes to calculate an active days.</li>
   <li>What's the use of level.</li>
   <li>Level is embodiment of your distinguished position, in the future there are more level privilege to launch.</li>
  </ul>
  <h4 class='djTitle'>Level rules</h4>
  <table class='djgz'>
   <tbody>
    <tr><th>Level</th><th>Level icons</th></tr>
    <tr><td>1</td><td><span class='level-1'><em>lv</em>1</span></td></tr>
    <tr><td>10</td><td><span class='level-2'><em>lv</em>10</span></td></tr>
    <tr><td>20</td><td><span class='level-3'><em>lv</em>20</span></td></tr>
    <tr><td>30</td><td><span class='level-4'><em>lv</em>30</span></td></tr>
    <tr><td>40</td><td><span class='level-5'><em>lv</em>40</span></td></tr>
   </tbody>
  </table>
 </div>
</div>
<script src="../../../common/components/jquery-1.10.2.min.js"></script>
<script src="../../../common/components/ractive-legacy.js"></script>
<script src="../../../common/js/jquery.i18n.properties.js"></script>
<script src="../../public/js/constants.js"></script>
<script src="../../public/js/index.js"></script>
<script src="../../public/js/loginCheck.js"></script>
<script src="../../js/grzx/wddj.js"></script>
</body>
</html>